<template>
	<view class="conductBox">
		<view class="materialBox">
			<view class="materialBoxTitle">
				现场物料
			</view>
			<view class="materialBoxImg">
				<image class="addImg" :src="url+item" v-for="(item,index) in wuliao" mode=""></image>
			</view>
			<view class="materialBoxTitle1">
				活动人气
			</view>
			<view class="materialBoxImg">
				<image class="addImg" :src="url+item" v-for="(item,index) in renqi" mode=""></image>
			</view>
			<view class="materialBoxTitle1">
				活动照片
			</view>
			<view class="materialBoxImg">
				<image class="addImg" :src="url+item" v-for="(item,index) in zhaopian" mode=""></image>
			</view>
		</view>
		<view class="queding" @click="quedingtijiao">
			<!-- <view>
				确定
			</view> -->
			<!-- <image src="/static/home/logo.png" mode=""></image> -->
		</view>
	</view>
</template>

<script>
	import {uploadImg,fanguiInfo} from '@/request/api.js'
	import request from "@/request/request.js"
	export default {
		data() {
			return {
				id:'',
				wuliao:[
					
				],
				renqi:[
					
				],
				zhaopian:[
					
				],
				info:[],
				url:'',
				dw:'',
				
				list:[{
					id:1,img:'/static/home/logo.png'
				},
				{
					id:2,img:'/static/home/logo.png'
				},
				{
					id:3,img:'/static/home/logo.png'
				}]
				
			};
		},
		onLoad(options) {
			this.id=options.id
			
			this.getInfo()
		},
		methods:{
			addFirst: function(pre, paramsList) {
				let arr = [];
				for (let i = 0; i < paramsList.length; i++) {
					arr.push(pre + paramsList[i]);
				}
				return arr;
			},
			getInfo(){
				let that = this
				let data={id:that.id}
				fanguiInfo(data).then(res=>{
					that.info=res.data.feedback_two
					console.log(res.data)
					that.url=request.baseUrl
					
					that.wuliao=res.data.feedback_two.wuliao.split(",")
					that.renqi=res.data.feedback_two.renqi.split(",")
					that.zhaopian=res.data.feedback_two.zhaopian.split(",")
					console.log(that.renqi,"人气人气人气")
				}).catch(err=>{
					
				})
			},

			
			
		}
		
	}
</script>

<style lang="scss">
	.materialBoxImg{
		margin-left: 25rpx;
		margin-top: 30rpx;
		.addImg{
			width: 200rpx;
			height: 200rpx;
			margin-right: 10rpx;
		}
	}
	.queding{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 200rpx;
		view{
			width: 340rpx;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 1000px;
			background: #1855F6;
			font-size: 30rpx;
			color: #fff;
			text-align: center;
		}
	}
page {
		background-color: #FFFFFF;
	}
	.conductBox{
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 40rpx;
		overflow: hidden;
		position: relative;
		.materialBox{
			width: 670rpx;
			margin: 30rpx auto 0;
			overflow: hidden;
			.materialBoxTitle{
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #2E2F33;
				margin-left: 25rpx;
			}
			
			.materialBoxTitle1{
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #2E2F33;
				margin-left: 25rpx;
				margin-top: 40rpx;
			}
		}
	}
</style>
